<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="css/animate.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>

	<body>
		<div class="web">
			<header>
				<nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
					<div class="container">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						        <span class="sr-only">Toggle navigation</span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
					      	</button>
							<a class="navbar-brand" href="#"><img src="img/logo.png" /></a>
						</div>
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav ">
								<li class="active">
									<a href="index.html">首页 <span class="sr-only">(current)</span></a>
								</li>
								<li>
									<a href="family.html">laya家族</a>
								</li>
								<li>
									<a href="game.html">游戏</a>
								</li>
								<li>
									<a href="news.html">新闻动态</a>
								</li>
								<li>
									<a href="#">开发者中心</a>
								</li>
								<li>
									<a href="#">开发者社区</a>
								</li>
								<li>
									<a href="#">开放平台</a>
								</li>
								<li>
									<a href="aboutlaya.html">关于我们</a>
								</li>
							</ul>
							<ul class="nav navbar-nav navbar-right">
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">language<span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">中文</a>
										</li>
										<li>
											<a href="#">英文</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						<!-- /.navbar-collapse -->
					</div>
				</nav>
				</nav>
				<!--这是一张图片，不是轮播图，其他页面才是轮播图-->
				<div class="bgwrap">
					<div class="container">
						<div class="row">
							<div class="col-lg-12 pl0 imgwrap text-center wow fadeOutUp" data-wow-duration="2s">
								<img src="img/bg.jpg" />
							</div>
						</div>
					</div>
				</div>
			</header>

			<!------Laya引擎------->
			<div class="enginewrap ">

				<div class="container">
					<div class="row phone_bg">
						<!--<div class=" phone_bg">-->
							<div class="enginetitle">
								<h2 class="col-md-12">
									LayaFlash引擎
								</h2>
								<div class="col-md-12">
									<h3>
									让Flash技术变成开发HTML5产品的利器
								</h3>
								</div>
							</div>
							<div class="col-md-8">
								<div class="row col-md-6 mb45">
									<div class="iconwrap">
										<img src="img/flash-001.png" />
									</div>
									<div class="col-md-9 col-xs-9  textwrap">
										<p>快速Flash产品转换</p>
										<span>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</span>
									</div>
								</div>
								<div class="row col-md-6 mb45">
									<div class="iconwrap">
										<img src="img/flash-002.png" />
									</div>
									<div class="col-md-9 col-xs-9 textwrap">
										<p>快速Flash产品转换</p>
										<span>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</span>
									</div>
								</div>
								<div class="row col-md-6 mb45">
									<div class="iconwrap">
										<img src="img/flash-003.png" />
									</div>
									<div class="col-xs-9  textwrap">
										<p>快速Flash产品转换</p>
										<span>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</span>
									</div>
								</div>
								<div class="row col-md-6 mb45">
									<div class="iconwrap">
										<img src="img/flash-004.png" />
									</div>
									<div class="col-xs-9  textwrap">
										<p>快速Flash产品转换</p>
										<span>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</span>
									</div>
								</div>
							</div>
						<!--</div>-->
					</div>

				</div>
			</div>

			<!------Laya引擎------->

			<!--laya优势-->
			<div class="advantage_wrap">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-6 advantage_box">
							<div class="col-lg-4 col-md-12">
								<div class="box_left wow rotateInDownLeft">
									<div class="advantage_pic">
										<img src="img/advantage_pic1.jpg" />
									</div>
								</div>
							</div>
							<div class="col-lg-8 col-md-12">
								<div class="box_right wow lightSpeedIn">
									<div class="advantage_title">
										<h2>Layabox 优势</h2>
									</div>
									<div class="advantage_list">
										<div class="list  wow lightSpeedIn data-wow-duration="2s"">
											<div class="list_pic">
												<img src="img/advantage_pic01.png" />
											</div>
											<span>快速上手，Flash程序员3小时掌握HTML5开发</span>
										</div>
										<div class="list  wow lightSpeedIn data-wow-duration="2s"">
											<div class="list_pic">
												<img src="img/advantage_pic02.png" />
											</div>
											<span>快速上手，Flash程序员3小时掌握HTML5开发</span>
										</div>
										<div class="list  wow lightSpeedIn data-wow-duration="2s"">
											<div class="list_pic">
												<img src="img/advantage_pic03.png" />
											</div>
											<span>快速上手，Flash程序员3小时掌握HTML5开发</span>
										</div>
										<div class="list  wow lightSpeedIn data-wow-duration="2s"">
											<div class="list_pic">
												<img src="img/advantage_pic04.png" />
											</div>
											<span>快速上手，Flash程序员3小时掌握HTML5开发</span>
										</div>

									</div>
								</div>
							</div>

						</div>
					</div>

				</div>
			</div>
			<!--laya优势结束-->

			<!--layabox产品家族-->
			<div class="product_wrap">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12">
							<div class="product_title">
								<h2>Layabox产品家族</h2>
							</div>
						</div>
						<!--		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">-->
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
							<div class="laya_product_box">
								<div class="col-md-4 col-sm-4 product_pic">
									<img src="img/product_pic1.png" />
								</div>
								<div class="col-md-8 col-sm-8 product_account">
									<p>LayaAir</p>
									<span>
											核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。下性能媲美APP。  后面没有了后面没有了 												
										</span>
								</div>
							</div>
						</div>
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
							<div class="laya_product_box">
								<div class="col-md-4 col-sm-4 product_pic">
									<img src="img/product_pic2.png" />
								</div>
								<div class="col-md-8 col-sm-8 product_account">
									<p>LayaPublish</p>
									<span>
											Layabox发行业务，通过在H5产业链中的技术桥梁优势，帮助CP获得流量支持。了   												
										</span>
								</div>
							</div>
						</div>
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
							<div class="laya_product_box">
								<div class="col-md-4 col-sm-4 product_pic">
									<img src="img/product_pic3.png" />
								</div>
								<div class="col-md-8 col-sm-8 product_account">
									<p>LayaFlash</p>
									<span>
											使用Flash AS3语言开发H5的引擎框架，可直接在FB或FD中开发、调试、编译H5，也可快速将Flash页游\手游转换成H5游戏。   												
										</span>
								</div>
							</div>
						</div>
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
							<div class="laya_product_box">
								<div class="col-md-4 col-sm-4 product_pic">
									<img src="img/product_pic4.png" />
								</div>
								<div class="col-md-8 col-sm-8 product_account">
									<p>LayaStore</p>
									<span>
											嵌入式HTML5商城，APP只需嵌入20K的SDK即可以获得托管式HTML5商店服务，进入流量获利新时代。   												
										</span>
								</div>
							</div>
						</div>
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
							<div class="laya_product_box">
								<div class="col-md-4 col-sm-4 product_pic">
									<img src="img/product_pic5.png" />
								</div>
								<div class="col-md-8 col-sm-8 product_account">
									<p>LayaPlayer</p>
									<span>
											HTML5高速运行器，性能卓越、支持大型HTML5游戏流畅运行，目前已植入QQ、百度等20多家主流平台，安装量超5亿。   												
										</span>
								</div>
							</div>
						</div>
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
							<div class="laya_product_box">
								<div class="col-md-4 col-sm-4 product_pic">
									<img src="img/product_pic6.png" />
								</div>
								<div class="col-md-8 col-sm-8 product_account">
									<p>LayaOpen</p>
									<span>
											Layabox开放平台，整合了Laya提供的各项运营，管理服务的服务，提供给游戏提供商和互联网渠道的统一开放平台。   												
										</span>
								</div>
							</div>
						</div>
					</div>
					<!--</div>-->
				</div>
			</div>
			<!--layabox产品家族-->

			<!--游戏-->
			<div class="game_wrap">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12">
							<div class="game_title">
								<h2>采用Layabox引擎的精彩游戏</h2>
								<span><a href="#">更多</a></span>
							</div>
						</div>
						<div class="col-lg-4 col-md-12">
							<a href="">
								<div class="pic_vedio">
									<img src="img/vedio.jpg" />
								</div>
							</a>
						</div>
						<div class="col-lg-7 col-md-12 game_right">
							<div class="col-md-2 col-sm-4 col-xs-6 ">
								<a href="">
									<div class="game_pic_box">
										<img src="img/game_pic1.jpg" alt="猎刃2" title="猎刃2" />
									</div>
									<span>猎刃2</span>
								</a>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6 ">
								<a href="">
									<div class="game_pic_box">
										<img src="img/game_pic2.png" alt="上吧公主" title="上吧公主" />
									</div>
									<span>上吧公主</span>
								</a>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6 ">
								<a href="">
									<div class="game_pic_box">
										<img src="img/game_pic3.png" alt="醉西游" title="醉西游" />
									</div>
									<span>醉西游</span>
								</a>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6 ">
								<a href="">
									<div class="game_pic_box">
										<img src="img/game_pic4.png" alt="魔卡幻想" title="魔卡幻想" />
									</div>
									<span>魔卡幻想</span>
								</a>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6 ">
								<a href="">
									<div class="game_pic_box">
										<img src="img/game_pic5.png" alt="超能战队" title="超能战队" />
									</div>
									<span>超能战队</span>
								</a>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6 ">
								<a href="">
									<div class="game_pic_box">
										<img src="img/game_pic6.png" alt="刀塔大菠萝" title="刀塔大菠萝" />
									</div>
									<span>刀塔大菠萝</span>
								</a>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6 ">
								<a href="">
									<div class="game_pic_box">
										<img src="img/game_pic7.png" alt="轰三国" title="轰三国" />
									</div>
									<span>轰三国</span>
								</a>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6 ">
								<a href="">
									<div class="game_pic_box">
										<img src="img/game_pic8.png" alt="迷你猎人" title="迷你猎人" />
									</div>
									<span>迷你猎人</span>
								</a>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6 ">
								<a href="">
									<div class="game_pic_box">
										<img src="img/game_pic9.png" alt="萌挂三国" title="萌挂三国" />
									</div>
									<span>萌挂三国</span>
								</a>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6 ">
								<a href="">
									<div class="game_pic_box">
										<img src="img/game_pic10.png" alt="多塔三国" title="多塔三国" />
									</div>
									<span>多塔三国</span>
								</a>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6 ">
								<a href="">
									<div class="game_pic_box">
										<img src="img/game_pic11.png" alt="英雄争霸" title="英雄争霸" />
									</div>
									<span>英雄争霸</span>
								</a>
							</div>
							<div class="col-md-2 col-sm-4 col-xs-6 ">
								<a href="">
									<div class="game_pic_box">
										<img src="img/game_pic12.png" alt="战争之门" title="战争之门" />
									</div>
									<span>战争之门</span>
								</a>
							</div>

						</div>
					</div>
				</div>
				<!--游戏结束-->
				<!--合作渠道-->
				<div class="join_wrap">
					<div class="container">
						<div class="row">
							<div class="col-xs-12 col-md-12 col-lg-12 row">
								<div class="team">
									<h2>合作渠道</h2>
									<span>(排序不分先后)</span>
								</div>

							</div>

							<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 width_16">
								<div class="pic_box">
									<a href=""><img src="img/join_pic1.jpg" /></a>
								</div>
							</div>
							<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 width_16">
								<div class="pic_box">
									<a href=""><img src="img/join_pic2.jpg" /></a>
								</div>
							</div>
							<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 width_16">
								<div class="pic_box">
									<a href=""><img src="img/join_pic3.jpg" /></a>
								</div>
							</div>
							<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 width_16">
								<div class="pic_box">
									<a href=""><img src="img/join_pic4.jpg" /></a>
								</div>
							</div>
							<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 width_16">
								<div class="pic_box">
									<a href=""><img src="img/join_pic5.jpg" /></a>
								</div>
							</div>
							<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 width_16">
								<div class="pic_box">
									<a href=""><img src="img/join_pic6.jpg" /></a>
								</div>
							</div>
							<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 width_16">
								<div class="pic_box">
									<a href=""><img src="img/join_pic7.jpg" /></a>
								</div>
							</div>
							<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 width_16">
								<div class="pic_box">
									<a href=""><img src="img/join_pic8.jpg" /></a>
								</div>
							</div>
							<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 width_16">
								<div class="pic_box">
									<a href=""><img src="img/join_pic9.jpg" /></a>
								</div>
							</div>
							<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 width_16">
								<div class="pic_box">
									<a href=""><img src="img/join_pic10.jpg" /></a>
								</div>
							</div>
							<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 width_16">
								<div class="pic_box">
									<a href=""><img src="img/join_pic11.jpg" /></a>
								</div>
							</div>
							<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 width_16">
								<div class="pic_box">
									<a href=""><img src="img/join_pic12.jpg" /></a>
								</div>
							</div>

						</div>
					</div>
				</div>
				<!--合作渠道结束-->

				<!--脚部-->
				<footer>
					<nav class="navbar navbar-default navbar-fixed-bottom">
						<div class="container">
							<div class="row">
								<div class="link_wrap">
									<div class="col-xs-12 col-sm-8 col-md-8 ">

										<div class="about_us">
											<ul>
												<li>
													<a href="#">公司简介</a>
												</li>
												<li>
													<a href="#">练习方式</a>
												</li>
												<li>
													<a href="">人才招聘</a>
												</li>
											</ul>
										</div>
										<div class="copy">
											<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
										</div>
									</div>

									<div class="col-xs-12 col-sm-4 col-md-4">
										<div class="link_box">
											<div  class="link_box1">
												<i id="email" class="iconfont icon-youxiang" data-placement="top"></i>
											</div>
											<div class="link_box2">
												<i id="weixin" class="iconfont icon-wechat" data-placement="top"></i>
											</div>
											<div class="link_box3">
												<i id="qq" class="iconfont icon-qq" data-placement="top"></i>
											</div>
										</div>
									</div>
								</div>
							</div>
					</nav>
				</footer>
				<!--脚部结束-->
				</div>

				<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
				<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
				<script src="js/wow.js" type="text/javascript" charset="utf-8"></script>
				<script type="text/javascript">
					new WOW().init();
				</script>
				<script type="text/javascript">
				    $('#email').popover({
				        trigger : 'hover',//鼠标以上时触发弹出提示框
				        html:true,//开启html 为true的话，data-content里就能放html代码了
				        content:"<img src='img/email.png'>"
				    });
				    $('#weixin').popover({
				        trigger : 'hover',
				        html:true,
				        content:"<img src='img/weixin_03.jpg'>"
				    });
				    $('#qq').popover({
				        trigger : 'hover',
				        html:true,
				        content:"<img src='img/qqpop.png'>"
				    });
				</script>

	</body>

</html>